* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
@min-font-size: 20px;
@max-font-size: 100px;
@min-screen: 320px;
@max-screen: 1600px;
@size-range: unit(@max-font-size - @min-font-size);
@screen-range: unit(@max-screen - @min-screen);
/* 屏幕宽度小于设定的最小宽度 */
html {
    font-size: @min-font-size;
}
/* 不支持calc的保守尺寸 */
@media screen and (min-width: 320px) {
    html {
        font-size: 20px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 22.5px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 23.44px;
    }
}
@media screen and (min-width: 411px) {
    html {
        font-size: 25.6875px;
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: 25.875px;
    }
}
@media screen and (min-width: 435px) {
    html {
        font-size: 27.1875px;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size: 40px;
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 48px;
    }
}
@media screen and (min-width: 980px) {
    html {
        font-size: 61.2px;
    }
}
@media screen and (min-width: 1024px) {
    html {
        font-size: 61.2px;
    }
}
@media screen and (min-width: 1180px) {
    html {
        font-size: 64px;
    }
}
@media screen and (min-width: 1366px) {
    html {
        font-size: 85.375px;
    }
}
/* 支持calc的屏幕宽度在设定的宽度之间自适应 */
@media screen and (min-width: @min-screen) and (max-width: @max-screen) {
    html {
        font-size: ~"-webkit-calc(@{min-font-size} + @{size-range} * ((100vw - @{min-screen}) / @{screen-range}))";  // ios 6
        font-size: ~"calc(@{min-font-size} + @{size-range} * ((100vw - @{min-screen}) / @{screen-range}))";
    }
}
/* 屏幕宽度大于设定的最大宽度 */
@media screen and (min-width: @max-screen) {
    html {
        font-size: @max-font-size;
    }
}